@charset "utf-8";

/* CSS Document */
/*
*********************************
武汉中网维优网络科技有限公司
http://www.wuhan163.com
联系电话：027-87862018
客服QQ：15035405
*********************************
*/
/*----------------------------通用---------------------------------------*/





body { font-size: 14px; font-family: "微软雅黑"; background: #fff; }

html { font-size: 20px;/*20px = 1rem*/ }

* { padding: 0; margin: 0; }

a { text-decoration: none; color: #666; }

ul, li { list-style: none; }

img { border: 0; }

input { font-family: "微软雅黑"; outline: none; }

.cl { clear: both; height: 0px; }

.fl { float: left; }

.fr { float: right; }

.all { width: 1200px; margin: 0 auto; }

.all1 { width: 1200px; margin: 0 auto; overflow: hidden; }

/*head顶部样式开始*/

.xj_top { background: #01a2ff; color: #fff; font-size: 12px; line-height: 25px; }

.head_top { width: 100%; max-width: 1920px; background: #fff; height: 90px; }

.logo { float: left; }

.top { float: left; }

.logo img { width: 315px; height: 66px; margin-top: 18px; }

.nav { margin: 0 auto; float: right; }

.nav ul li { float: left; }

.nav li a { padding: 40px 27px; line-height: 85px; font-size: 13px; }

.nav li a:hover { background: #01a2ff; color: #fff; }

/*head顶部样式结束*/

/*banner样式开始*/



.w-banner { width: 100%; height: 478px; overflow: hidden; position: relative; }

.w-banner .bd { margin: 0 auto; position: relative; z-index: 0; overflow: hidden; }

.w-banner .bd ul { width: 100% !important; }

.w-banner .bd li { width: 100% !important; height: 478px; overflow: hidden; text-align: center; }

.w-banner .hd { width: 100%; position: absolute; z-index: 1; bottom: 0; left: 0; height: 30px; line-height: 30px; }

.w-banner .hd ul { text-align: center; }

.w-banner .hd ul li { cursor: pointer; display: inline-block; width: 15px; height: 15px; margin: 0 5px; border-radius: 50%; overflow: hidden; background: #fff; opacity: 0.5; line-height: 999px; }

.w-banner .hd ul .on { background: #f00; }

.w-banner .prev, .w-banner .next { display: block; position: absolute; margin-top: -30px; z-index: 1; top: 50%; left: 0; z-index: 1; width: 40px; height: 60px; background: url(img/slider-arrow.png) #000 no-repeat -125px 50%; cursor: pointer; opacity: 0.5; display: none; }

.w-banner .next { left: auto; right: 0; background-position: -5px 50%; }

/*banner样式结束*/

/*about样式开始*/

.ab_all { margin-top: 80px; padding-bottom: 20px; border-bottom: 1px solid #999; }

.ab_left { float: left; }

.ab_left div { font-size: 30px; color: #0083FD; font-weight: normal; }

.ab_left span { font-size: 22px; color: #999; line-height: 40px; }

.ab_left font { font-size: 16px; color: #999; display: block; width: 320px; line-height: 25px; }

.ab_right { width: 470px; height: 110px; float: right; margin-top: 23px; }

.ab_right ul li { width: 118px; height: 27px; background: url(img/aboutli.png) no-repeat; float: left; margin: 14px 18px; line-height: 27px; text-align: center; }

.ab_right li a { color: #fff; }

.about { width: 100%; height: 650px; background: url(img/aboutbj.jpg) top center no-repeat; overflow: hidden; }

.abouttitle { margin-top: 60px; width: 100%; height: 70px; }

.aboutcon { margin-top: 35px; height: 360px; }

.aboiutcontent { width: 660px; float: left; height: auto; overflow: hidden; font-size: 15px; line-height: 28px; font-weight: 500; margin-top: 20px; display: none; color: #666; text-indent: 2em; }

.shipin { float: right; margin-top: 5px; margin-right: 10px; width: 480px; height: 338px; }

.shipin img { width: 100%; height: auto; }

/*about样式结束*/

/*产品样式开始*/

.cptitle { text-align: center; }

.cptitle h2 { font-size: 22px; color: #0083FD; line-height: 50px; font-weight: normal; }

.cptitle span { font-size: 16px; color: #989898; position: relative; }

.cptitle span:after { content: ""; border-bottom: 1px solid #bbb; width: 300px; display: block; position: absolute; top: 10px; left: 80px; }

.cptitle span:before { content: ""; border-bottom: 1px solid #bbb; width: 300px; display: block; position: absolute; top: 10px; right: 80px; }

.cp { width: 100%; height: 700px; background: url(img/cpbj.jpg) repeat-x; overflow: hidden; }

.cptitle { width: 100%; height: 70px; margin-top: 60px; }

.cpdes { text-align: center; font-size: 14px; padding: 10px 160px; line-height: 30px; color: #666; }

.cplist { width: 1200px; height: 350px; background: #fff; border: 1px solid #ddd; margin-top: 40px; }

.cpleft { width: 283px; height: 350px; background: url(img/yongnian_29.jpg) no-repeat; overflow: hidden; float: left; }

.cpleftdes { width: 190px; height: 170px; margin-top: 100px; margin-left: 40px; color: #fff; font-size: 14px; }

.cpleft a { background: #0083ff; border: 1px solid #024b91; padding: 6px 15px; margin-top: 20px; margin-left: 80px; display: inline-block; color: #fff; font-size: 14px; }

.cpright { width: 900px; height: auto; float: right; }

.cpright ul li { float: left; margin: 15px 12px; display: none; }

.newleft ul { margin-left: 72px; }

/*产品样式结束*/

/*新闻样式开始*/




.new { width: 100%; height: 675px; background: url(img/newbj.jpg) no-repeat; overflow: hidden; }

.newtitle { width: 100%; height: 70px; margin-top: 68px; }

.newleft { width: 420px; height: 400px; float: left; margin-left: 80px; margin-top: 65px; }

.newleft ul li { width: 135px; height: 45px; background: url(img/newicon.png) no-repeat; float: left; margin-left: 4px; text-align: center; line-height: 38px; }

.newright { float: right; margin-right: 50px; width: 555px; margin-top: 30px; }

.dianshi { width: 390px; height: 300px; background: url(img/diannao.png) no-repeat; margin-left: 15px; margin-top: 30px; overflow: hidden; display: none; }

.topnew { width: 370px; height: 216px; border: 1px solid #444; margin-left: 10px; margin-top: 10px; position: relative; }

.toumingbt { width: 100%; height: 30px; background: #000; opacity: 0.8; position: absolute; bottom: 0px; }

.biaoti { position: absolute; height: 30px; width: 100%; bottom: 0px; line-height: 30px; color: #fff; text-align: center; font-size: 13px; }

.newrtitle { width: 555px; height: 35px; background: url(img/newrbj.png) no-repeat; text-indent: 45px; line-height: 35px; font-size: 14px; font-weight: bold; }

.newright ul li { margin-top: 15px; opacity: 0; }

.newright p { font-size: 12px; color: #ccc; margin-top: 8px; line-height: 25px; }

.newtitle h2, .newtitle span { color: #fff !important; }

/*新闻样式结束*/

/*荣誉资质样式开始*/




.rongyu { width: 100%; height: 610px; background: url(img/hezuobj.png) repeat-x; overflow: hidden; }

.rongyu .all { position: relative; }

.rongyu_tit { width: 100%; height: 96px; margin-top: 55px; margin-bottom: 30px; text-align: center; }

.rongyu_list ul li { position: relative; float: left; border: 1px solid #ddd; margin: 10px 18px; padding: 10px 5px; height: 80px; width: 250px; }

.rongyu_list { overflow: hidden; }

.rongyu_list img { width: 90%; height: auto; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; }

.moreanli { text-align: center; margin-top: 50px; }

.moreanli a { background: #01a2ff; padding: 10px 30px; font-size: 15px; color: #fff; border-radius: 15px; }

.rongyu .prev { position: absolute; left: -15px; top: 298px; background: url(img/l.jpg) no-repeat center; width: 13px; height: 21px; }

.rongyu .next { background: url(img/r.jpg) no-repeat center; right: -10px; top: 298px; position: absolute; width: 13px; height: 21px; }

/*荣誉资质样式结束*/

/*联系我们样式开始*/




.lx { width: 100%; height: 560px; background: url(img/lxbj.png) repeat-x; overflow: hidden; }

.lxtitle { width: 100%; height: 96px; background: url(img/lxtitle.png) no-repeat; margin-top: 55px; margin-bottom: 20px; }

.lxleft { width: 610px; height: 350px; float: left; }

.lxleft ul li { float: left; margin-right: 20px; }

.namebj { width: 280px; height: 38px; background: url(img/name.jpg) no-repeat; }

.emailbj { width: 280px; height: 38px; background: url(img/email.jpg) no-repeat; }

.contentbj { width: 583px; height: 204px; background: url(img/content.jpg) no-repeat; margin-top: 20px; }

.lxright { width: 575px; height: 316px; float: right; border: 1px solid #ccc; }
/*联系我们样式结束*/


/*弹出效果开始*/
@-webkit-keyframes 
bounceIn { 0% {
opacity:0;
-webkit-transform:scale(.3)
}
50% {
opacity:1;
-webkit-transform:scale(1.05);
}
70% {
-webkit-transform:scale(.9)
}
100% {
-webkit-transform:scale(1)
}
}
@-moz-keyframes 
bounceIn { 0% {
opacity:0;
-moz-transform:scale(.3)
}
50% {
opacity:1;
-moz-transform:scale(1.05)
}
70% {
-moz-transform:scale(.9)
}
100% {
-moz-transform:scale(1)
}
}

#tc1 { -webkit-animation: bounceIn 1s .2s ease both; -moz-animation: bounceIn 1s .2s ease both; display: block; }

#tc2 { -webkit-animation: bounceIn 1s .4s ease both; -moz-animation: bounceIn 1s .2s ease both; display: block; }

#tc3 { -webkit-animation: bounceIn 1s .6s ease both; -moz-animation: bounceIn 1s .2s ease both; display: block; }

#tc4 { -webkit-animation: bounceIn 1s .8s ease both; -moz-animation: bounceIn 1s .2s ease both; display: block; }

#tc5 { -webkit-animation: bounceIn 1s 1.0s ease both; -moz-animation: bounceIn 1s .2s ease both; display: block; }

#tc6 { -webkit-animation: bounceIn 1s 1.2s ease both; -moz-animation: bounceIn 1s .2s ease both; display: block; }

#tc7 { -webkit-animation: bounceIn 1s 1.4s ease both; -moz-animation: bounceIn 1s .2s ease both; display: block; }

#tc8 { -webkit-animation: bounceIn 1s 1.6s ease both; -moz-animation: bounceIn 1s .2s ease both; display: block; }

#atc1 { -webkit-animation: bounceIn 1s .2s ease both; -moz-animation: bounceIn 1s .2s ease both; display: block; }

#atc2 { -webkit-animation: bounceIn 1s .4s ease both; -moz-animation: bounceIn 1s .2s ease both; display: block; }

#atc3 { -webkit-animation: bounceIn 1s .6s ease both; -moz-animation: bounceIn 1s .2s ease both; display: block; }

#atc4 { -webkit-animation: bounceIn 1s .8s ease both; -moz-animation: bounceIn 1s .2s ease both; display: block; }

#atc5 { -webkit-animation: bounceIn 1s 1.0s ease both; -moz-animation: bounceIn 1s .2s ease both; display: block; }

#atc6 { -webkit-animation: bounceIn 1s 1.2s ease both; -moz-animation: bounceIn 1s .2s ease both; display: block; }

#atc7 { -webkit-animation: bounceIn 1s 1.4s ease both; -moz-animation: bounceIn 1s .2s ease both; display: block; }

#atc8 { -webkit-animation: bounceIn 1s 1.6s ease both; -moz-animation: bounceIn 1s .2s ease both; display: block; }

/*弹出效果结束*/

/*底部样式开始*/



.foot { width: 100%; height: 240px; background: #1b1b1b; overflow: hidden; }

.footMain { width: 1200px; height: 240px; background: url(img/footbj.jpg) no-repeat; margin: 0 auto; }

.footMain ul li { color: #999; }

.foot1 { width: 320px; height: 210px; float: left; margin-top: 20px; margin-right: 60px; font-size: 13px; line-height: 27px; }

.foot1title { border-bottom: 1px solid #999; line-height: 40px; font-size: 17px; margin-bottom: 10px; color: #999; }

.foot2 { width: 330px; height: 210px; float: left; margin-top: 20px; }

.foot2 ul li { float: left; line-height: 26px; width: 33.3%; }

.foot2 ul li a { color: #999; font-size: 13px; }

.foot3 { width: 425px; height: 210px; float: right; margin-top: 50px; text-align: right; color: #999; line-height: 30px; }

.dilogo { margin-bottom: 20px; margin-top: 15px; }

.foot3 a { color: #999; }

.foot a:hover { color: #fff; }

/*底部样式结束*/

/*关于我们单页样式开始*/



.n_left { width: 240px; height: auto; float: left; margin-top: 20px; margin-bottom: 30px; }

.n_right { width: 930px; height: auto; float: right; margin-top: 20px; }

.n_title { text-align: center; background: #01a2ff; border-bottom: 1px solid #fff; }

.n_title h3 { font-size: 24px; font-family: microsoft yahei; padding-top: 15px; color: #fff; }

.n_title p { font-size: 14px; color: #fff; padding-bottom: 15px; }

.n_left ul li { text-align: center; border-bottom: 1px dashed #ccc; }

.n_left ul li a { width: 100%; background: #fff; display: block; padding: 15px 0px; font-size: 15px; font-family: microsoft yahei; color: #666; }

.lefton { background: #01a2ff !important; color: #fff !important; }

.QQline { margin: 10px 0px; }

.map { margin-top: 10px; }

.n_contact { margin-top: 10px; color: #777; font-size: 14px; font-family: microsoft yahei; line-height: 32px; }

.location { position: relative; width: 100%; height: 35px; background: #fff; border-bottom: 1px solid #045091; color: #666; font-size: 14px; font-family: microsoft yahei; line-height: 35px; }

.n_phone { width: 240px; bottom: 0px; height: 34px; position: absolute; right: 0px; background: url(../images/phonebj.png); text-align: center; color: #fff; }

.n_centent { font-size: 15px; color: #666; font-family: microsoft yahei; line-height: 24px; margin-bottom: 30px; }

.home #et-slider-wrapper { height: 400px; }

.about_dytit { font-size: 16px; color: #666; border-bottom: 1px solid #999; }

.about_dytit span { font-size: 20px; font-weight: 700; color: #0083FD; }

/*关于我们单页样式结束*/

/*新闻中心单页样式开始*/ 



.n_centent .news_list2 { margin-top: 10px; }

.n_centent .news_list2 li { height: 50px; line-height: 26px; border-bottom: 1px dotted #888; padding: 6px 0 5px 0; color: #a0a0a0; margin-bottom: 10px; }

.n_centent .news_list2 li .title { display: block; }

.n_centent .news_list2 li .title a { color: #333; float: left; font-size: 18px; }

.n_centent .news_list2 li .title a:hover { color: #167aae; }

.n_centent .news_list2 li .hits { display: block; float: right; font-size: 12px; }

.n_centent .news_list2 li .time { display: block; float: left; font-size: 12px; }

.n_centent .news_list2 li .class { margin-left: 12px; font-size: 12px; }

.n_centent .news_list2 li .class a { color: #a0a0a0; }

/*新闻中心单页样式结束*/

/*产品展示单页样式开始*/


.n_centent ul.alMain { overflow: hidden; }

.n_centent ul.alMain li { width: 200px; height: 155px; float: left; margin: 10px 30px 25px 0; border: 1px solid #999; }

.n_centent ul.alMain li a { color: #666; text-decoration: none; }

.n_centent ul.alMain li p { text-align: center; margin: 0 auto; }

.alMain li img { padding: 2px; box-sizing: border-box; }

/*产品展示单页样式结束*/

/*提交申请样式开始*/



.home #et-slider-wrapper { height: 400px; }

.tijiao input { width: 120px; height: 40px; background: #159301; float: left; margin-left: 77px; line-height: 40px; text-align: center; font-size: 18px; cursor: pointer; border: none; border-radius: 5px; color: #fff; }

#form ul li { margin: 20px 0px; }

#tijiao1 { width: 583px; height: 45px; line-height: 45px; display: inline-block; text-align: center; background: #01a2ff; color: #fff; font-size: 14px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin-top: 20px; border: none; }

/*提交申请样式结束*/

/* 翻页样式开始 */



.pages UL { float: right; margin-top: 50px; }

.pages UL LI { width: auto; float: LEFT; border: 1px solid #ccc; margin-bottom: 30px; color: #888; display: block; padding: 6px 10px; text-align: center; margin-right: 6px; }

.pages UL LI span { line-height: 35px; margin: 0 10px; }

.pages UL LI a { display: block; color: #888; }

.thisclass { display: block; }

.pages UL LI select { border: 0; background: none; color: #888; }

.pages UL LI:hover { border: 1px solid #01a2ff; color: #01a2ff; }

.pages UL LI:hover a { color: #01a2ff; }

.thisclass { background: #01a2ff !important; border: 1px solid #01a2ff !important; color: #fff !important; }

.thisclass a { color: #fff !important; }

/* 翻页样式结束 */

/*内页样式开始*/

.dtleft { width: 100%; height: 500px; float: left; border: 1px solid #ccc; }

.page_sx { margin: 30px; font-size: 14px; color: #999; }

.article_tit { font-size: 14px; color: #666; text-align: center; }

.article_tit span { font-size: 28px; color: #444; margin-top: 20px; display: block; }

.article_tit font { font-size: 14px; color: #999; line-height: 40px; }

.n_content { font-size: 16px; color: #333; }

.n_content img { max-width: 100%; }

/*内页样式结束*/


/*手机适配外加样式开始*/

.phone1, .phone2 { display: none; }

.ph_img { display: none; }

.ph_footer { display: none; }

.contact_but { display: none; }

.xj_top1 { display: none; }

.ph_banner { display: none; }
/*手机适配外加样式结束*/


/*手机适配代码开始*/
@media(max-width:640px) {

html { font-size: 100%; }

/*首页适配样式开始*/

body { overflow-X: hidden; }

.all { width: 100%; }

.head_top { height: auto; box-sizing: border-box; padding: 0 0.8rem; }

.xj_top .all { padding: 0 0.8rem; width: 100%; font-size: 0.6rem; }

.logo { width: 100%; }

.logo img { width: 100%; height: auto; margin: 0.8rem 0; }

.nav { padding-top: 0.5rem; border-top: 1px solid #999; width:100%; }

.nav ul li { width: 25%; text-align: center; }

.xj_top { display: none; }

.xj_top1 { width: 41%; float: right; display: block; font-size: 0.6rem; margin-top: 1rem; text-align: right; padding-right: 1rem; }

.nav li a { line-height: 2rem; padding: 0; text-align: center; display: block; }

.ph_top { width: 100%; height: auto; border-bottom: 1px solid #999; }

.top { width: 50%; }

.ph_img { display: block; width: 100%; }


/*手机适配banner图开始*/
.ph_banner { width: 100%; height: auto; overflow: hidden; position: relative; display:block; }

.ph_banner .phone_ban { margin: 0 auto; position: relative; z-index: 0; overflow: hidden; }

.ph_banner .phone_ban li { width: 100% !important; height: auto; overflow: hidden; text-align: center; }

.ph_banner .phone_ban li img{width:100%; height:auto;}

.ph_banner .ph { width: 100%; position: absolute; z-index: 1; bottom: 0; left: 0; height: 30px; line-height: 30px; }

.ph_banner .ph ul { text-align: center; }

.ph_banner .ph ul li { cursor: pointer; display: inline-block; width: 0.5rem; height: 0.5rem; margin: 0 5px; border-radius: 50%; overflow: hidden; background: #fff; opacity: 0.5; line-height: 999px; }
.ph_banner .ph ul .on { background: #f00; }
/*手机适配banner图结束*/

.w-banner { display: none; }

.about { padding: 0 0.8rem 2rem; box-sizing: border-box; background-size: 100% 100%; height: auto; }

.ab_all { margin-top: 1rem; padding-bottom: 1rem; }

.aboutcon { margin-top: 1rem; height:25rem; }

.contact_but { display: block; text-align: center; margin: 0 auto; overflow: hidden; width: 10rem; }

.contact_but a { display: block; line-height: 3rem; color: #fff; background: #0083FD; margin-top: 3rem; }

.ab_left div { font-size: 1.5rem; }

.ab_left span { font-size: 1.1rem; display: none; }

.ab_left font { font-size: 0.8rem; display: none; }

.ab_right, .shipin { display: none; }

.aboiutcontent { width: 100%; padding: 0 0.8rem; box-sizing: border-box; font-size: 0.8rem; margin: 0; }

.cptitle { height: auto; margin-top: 3rem; }

.cptitle img { width: 100%; }

.cptitle span:before, .cptitle span:after { display: none; }

.cpdes { text-align: left; font-size: 0.6rem; padding: 0 0.8rem; line-height: 1.5rem; }

.cpleft { display: none; }

.cplist, .cpright { width: 100%; }

.cp { height: auto; }

.cplist { padding: 0 0.8rem; box-sizing: border-box; height: auto; }

.cpright ul li { width: 48%; margin: 1rem 1%; }

.cpright li img { width: 100%; }

.new { height: auto; padding: 0 0 2rem 0; }

.newcon { display: none; }

.rongyu { height: auto; margin: 2rem 0 3rem; }

.newright { margin: 1rem 0; width: 100%; padding: 0 0.8rem; box-sizing: border-box; }

.newrtitle { width: 100%; }

.rongyu_list ul li { width: 30%; height: 3rem; padding: 0.5rem 0.2rem; box-sizing: border-box; margin: 1.5%; }

.rongyu_list img { height: 2rem; }

.lxleft { width: 100%; height: auto; }

.lx { height: auto; padding: 0 0.8rem; box-sizing: border-box; }

.namebj { margin-bottom: 1rem; }

.contentbj { width: 100%; }

.contentbj #zzz_message { width: 89% !important; }

#tijiao1 { width: 100%; }

.lxright { width: 100%; height: auto; margin: 2rem 0; }

.foot { height: auto; margin: 1rem 0 0; padding: 0 0.8rem; box-sizing: border-box; }

.footMain { width: 100%; height: auto; }

.foot1, .foot2 { display: none; }

.foot3 { text-align: center; width: 100%; margin-top: 1rem; height: auto; padding-bottom: 4rem; line-height: 1.5rem; }

.ph_footer { display: block; position: fixed; bottom: 0; background: #0083FD; width: 100%; -webkit-transform: translateZ(0); }

.ph_footer ul li { float: left; width: 33%; line-height: 3rem; text-align: center; }

.ph_footer li a { color: #fff; }

.ph_footer li:nth-child(2) { border: 1px solid #999; border-top: none; border-bottom: none; }

/*首页适配样式结束*/

/*关于我们样式开始*/

.all1 { width: 100%; }

.n_left { width: 100%; margin-top: 0; }

.n_left ul li { float: left; width: 45%; margin-right: 5%; }

.n_left ul li a { paddign: 0; font-size: 0.8rem; line-height: 1rem; }

.QQline, .n_contact { display: none; }

.n_right { width: 100%; padding: 0 0.8rem; box-sizing: border-box; }

.location { font-size: 0.7rem; }

.n_centent { font-size: 0.8rem; }

.n_title { display: none; }

.n_centent img { width: 100% !important; height: auto !important; }

.n_centent ul.alMain li { width: 44%; height: 14rem; margin: 2rem 3% 0 0; }

.n_centent ul.alMain { width: 110%; }

.alMain li img { height: 14rem !important; }

/*关于我们样式结束*/

/*在线留言适配样式开始*/

.n_centent input { width: 79% !important; }

.n_centent textarea { width: 100% !important; }

.tijiao input { width: 30% !important; margin-left: 0; }

.dtleft { width: 100%; height: 20rem; float: left; border: 1px solid #ccc; }

.dtleft #l-map{height:40rem !important; width:100%;}
/*在线留言适配样式结束*/
}
/*手机适配代码结束*/
@media(max-width:480px) {
	html { font-size: 90%; }
	}
@media(max-width:384px) {
	html { font-size: 85%; }
	}
@media(max-width:320px) {
	html { font-size: 80%; }
	}